<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>XX酒店后台管理系统 客房管理</title>
    <link rel="stylesheet" href="../bootstrap-3.4.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="../iconfont/amend、delete、add、search/iconfont.css">
    <link rel="" href="../bootstrap-3.4.1/fonts/glyphicons-halflings-regular.eot">
    <script src="../jQuery/jquery-3.6.0.min.js"></script>
    <script src="../bootstrap-3.4.1/js/bootstrap.min.js"></script>
    <script src="../JavaScript/dataSaveAndGet.js"></script>
    <script src="../JavaScript/initializationData.js"></script>
    <link rel="stylesheet" href="../css/zxj/staffManagement.css">
</head>

<body class="clear">
    <header class="clear">
        <p>XX酒店后台管理系统</p>
        <div class="portrait clear">
            <!-- 头像 -->
            <div>
                <img src="../images/老板.webp" alt="">
            </div>
            <div id="quit">
                <p>工号:<span class="jobId"></span> &nbsp;欢迎你!
                </p>
                <button>退出<span class="iconfont icon-tuichu"></span></button>
            </div>
        </div>
    </header>
    <!-- 主导航 -->
    <nav class="navbar navbar-default" id="mianNav">
        <div class="container-fluid">
            <!-- 主导航选项 -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li class=""><a href="./guestRoom.html">客房管理</a></li>
                    <li class=""><a href="./reserve.html">预定管理</a></li>
                    <li class=""><a href="./crm.html">房客管理</a></li>
                    <li class=""><a href="./orderForm.html">订单管理</a></li>
                    <li class=""><a href="./finance.html">财务管理</a></li>
                    <li class="mianActive"><a href="./staffManagement.html">员工管理</a></li>
                    <li class=""><a href="./personinMess.html">个人信息</a></li>
                    <li class=""><a href="./gonggao.html">公告</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <main>
        <!-- 权限不足框 -->
        <div class="optionBody" id="insufficientPrivileges">

        </div>
        <!-- 二级导航条 -->
        <nav class="navbar navbar-default">
            <div class="container-fluid">
                <div class="navbar-header">
                    <a class="navbar-brand" href="#">员工管理</a>
                </div>
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li class="allStaff"><a>全部员工信息</a></li>
                    </ul>
                    <form class="navbar-form navbar-left searchForm">
                        <label for="inputEmail3" class="control-label" id="searchType">请选择搜索类型:</label>
                        <div class="form-group">
                            <select name="" id="typeOption" class="form-control">
                                <option value="option1">工号</option>
                                <option value="option2">姓名</option>
                                <option value="option3">职位</option>
                            </select>
                            <input type="text" class="form-control" placeholder="请输入工号" id="OptionType">
                        </div>
                        <button class="btn btn-default" id="search">搜索</button>
                    </form>
                    <ul class="nav">
                        <li class="addStaff"><a><span class="iconfont icon-tianjiarenyuan"></span>添加员工信息</a></li>
                    </ul>
                </div>
            </div>
        </nav>
        <!-- 主要内容 -->
        <section>
            
            <div class="tabMess">
                <table class="table table-striped">
                    <thead>
                        <tr class="headPic">
                            <th>头像</th>
                            <th>工号</th>
                            <th>密码</th>
                            <th>姓名</th>
                            <th>性别</th>
                            <th>出生日期</th>
                            <th>联系电话</th>
                            <th>职位</th>
                            <th>权限等级</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody id="tbodyContent">

                    </tbody>
                </table>
            </div>
        </section>
        <nav aria-label="..." class="claer everyPage">
            <ul class="pagination" id="page">

            </ul>
        </nav>
    </main>
    <!-- 弹框提示 -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <!-- 弹框内容 -->

            </div>
        </div>
    </div>
    <script src="../JavaScript/zxj/staffManagement.js"></script>
    <script>
        
        let AccessLevel = getData('loginUser').AccessLevel
        if(AccessLevel != 0){
            insufficientPrivileges()
        }
        //权限不足提示
        function insufficientPrivileges() {
            //展示权限不足框
            $('#insufficientPrivileges').show().siblings().hide()
            //清除原来的显示数据
            $('#insufficientPrivileges').html('')
            //展示权限不足
            $('#insufficientPrivileges').eq(0).append(`
                 <p>权限不足请联系管理员</p>
             `)
        }
    </script>
</body>

</html>